
<template>
    <div>
         <vheader></vheader>
         <el-container style="border:1px solid #e3e3; ">
            <el-main>
                <el-row align="middle">
                    <el-col :span="24" style="border:0px solid #e3e3; text-align:center;">
                        <el-input v-model="searchTxt" style="width:60%" placeholder="请输入内容">
                            <el-select v-model="select" slot="prepend" placeholder="主题">
                                <el-option label="主题" value="1"></el-option>
                                <el-option label="项目" value="2"></el-option>
                                <el-option label="内容" value="3"></el-option>
                            </el-select>
                            <el-button slot="append" icon="el-icon-search"></el-button>
                        </el-input>
                    </el-col>
                </el-row>
            </el-main>
        </el-container>
        <el-container style="border:0px solid #e3e3;height:200px; display:none;">
            <el-main>
                
            </el-main>
        </el-container>

        <el-container style="border:0px solid #e3e3;height:200px;" id="content_main">
            <el-main>
                <el-container style="border:1px solid #e3e3;height:200px;" id="content_module">

                </el-container>

            </el-main>
        </el-container>
        
        <!-- <vfooter></vfooter> -->
    </div>
</template>
<script>
    import vheader from '../common/Header';
    import vfooter from '../common/Footer';
    import vContentMain from '../common/ContentMain';
    import vleft from '../common/Left';
    export default {
        data() {
            return {
                key: "",
                searchTxt:""
            }
        },
        components:{
            vheader,vfooter,vleft,vContentMain
        },
        mounted:function () {
           let self = this;
            window.onresize = function () {
                self.clientHeight = document.documentElement.clientHeight - 145;
                self.clientWidth = document.documentElement.clientWidth;
                $("#content_main").height(self.clientHeight);
            };
            window.onresize();
        },
    }
</script>
<style scoped>
    .el-select {
        width: 80px;
    }
    #content_main { overflow-y:auto;}
    #content_module{  width: 1300px;padding: 0;margin: 0 auto;  margin-top:20px;}
    .el-carousel__item h3 {
        color: #475669;
        font-size: 14px;
        opacity: 0.75;
        line-height: 200px;
        margin: 0;
    }
    
    .el-carousel__item:nth-child(2n) {
        background-color: #99a9bf;
    }
    
    .el-carousel__item:nth-child(2n+1) {
        background-color: #d3dce6;
    }
</style>